/*$Id$*/

body {
    text-align:center;
    margin:0 auto;
}

body, input, textarea, select, button, td {
    font-family:Tahoma,Verdana,Arial,sans-serif;
    font-size:14px;
}

p {
    text-indent:2em;
}

form {
    margin:0;
    padding:0;
}

img {
    border:0;
}

acronym {
    border-bottom:1px dashed #BBCDF0;
    cursor:help;
}

a:link {
    color:#244890;
    text-decoration:underline;
}

a:visited {
    color:#244890;
    text-decoration:underline;
}

a:hover {
    color:#FFFFFF;
    text-decoration:none;
    background:#3366CC;
}

a:active {
    color:#FFFFFF;
    text-decoration:none;
    background:#FF6240;
}

a.nohv:hover {
    background:transparent;
}

.clear {
    clear:both;
    font:0/0;
}

img.hand {
    cursor:pointer;
    border:4px solid #FFF;
}

img.hand:hover {
    cursor:pointer;
    border:4px solid #DDD;
}

img.dark {
    opacity:.6;
    -moz-opacity:.6;
    filter:alpha(opacity=60);
    border:4px solid #FFF;
}

#topbar {
    background:#EEE;
    width:950px;
    margin:0 auto;
    font-size:12px;
    clear:both;
    zoom:1;
}

#topbar:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
}

#topbar_logo {
    float:left;
    padding: 3px 20px;
}

#topbar_logo a span {
    background:transparent url(/images/logo_sprites.png) no-repeat 0px 0px;
    cursor:pointer;
    display:block;
    text-indent:-1000em;
    width:180px; height:30px;
}

#topbar_logo a:hover span {
    background-position:0 -30px;
}

#topbar_logo a:active,
#topbar_logo a:focus {
    #outline:expression(hideFocus='true');
    outline:0;
}

#topbar_nav {
    float:right;
    text-align:right;
}

#topbar_nav ul {
    margin:0; padding:0;
    list-style:none;
    margin-top:15px;
    margin-right:10px;
}

#topbar_nav li {
    float:left;
    border-right:1px dotted #666666;
    padding:0 10px;
}

#navbar {
    background:url(images/bg_navbar.png);
    margin-bottom:10px;
    text-align:left;
    width:950px;
    margin-left:auto;
    margin-right:auto;
    color:#FFFFFF;
}

.inline ul {
    margin:0;
    padding:0;
}

.inline li {
    list-style:none;
    border-left:1px dotted #244890;
    float:right;
    padding:0 .5em;
}

#content {
    margin:0 auto;
    margin-top:8px;
    width:950px;
    text-align:left;
    clear:both;
    zoom:1;
}

#content:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
}

#left_track {
    float:left;
    width:150px;
}

#left {
    position:relative;
    width:150px;
}

#leftcar {
    color:#FFF;
    text-align:center;
    font-size:12px;
}

#caramount {
    font-size:14px;
    font-weight:bold;
}

#cartext {
    color:#FFF;
}

#leftcar a:hover, #leftcar a:active {
    background:transparent;
}

#leftnav {
    margin-top:8px;
    /*background:#3366CC;*/
    background:#244890;
    color:#FFF;
    text-align:center;
}

#leftnav ul {
    margin:0;padding:0;
    list-style:none;
    line-height:200%;
}

#leftnav li {
    margin:0;padding:0;
}

#leftnav ul a {
    display:block;
    color:#FFFFFF;
    text-decoration:none;
    letter-spacing:2px;
}

/* only ie6 need */
*html #leftnav ul a {
    height:28px;
}

#leftnav ul a:hover, #leftnav ul a:active {
    background:#3366CC;
}

#leftnav .li-active {
    background:#3366CC;
}

#leftnav div.subnav {
    background:#CCCCCC;
    text-align:left;
    font-size:12px;
    text-indent:4em;
}

#leftnav div.subnav a {
    display:block;
}

#leftnav div.subnav a:link, #leftnav div.subnav a:visited {
    color:#333333;
}

#leftnav div.subnav a:hover, #leftnav div.subnav a:active {
    background:#3366CC;
    color:#FFFFFF;
}

#leftnav .subnav-active {
    background:#EEEEEE;
}

#brands {
    margin-top:8px;
}

#right {
    float:right;
    width:790px;
}

#right h1 {
    font-size:25px;
    font-weight:bold;
    padding-left:.5em;
    padding-top:.5em;
    color:#FF6600;
    font-family:"Microsoft YaHei",STHeiti,Verdana;
}

#right h2 {
    font-size:14px;
    font-weight:bold;
    padding-left:2px;
    padding-top:.5em;
    padding-bottom:.5em;
    color:#3366CC;
    letter-spacing:2px;
    border-bottom:1px dashed #666;
}

#right h3 {
    font-size:14px;
    font-weight:bold;
    padding-left:2px;
    color:#3366CC;
    letter-spacing:2px;
}

#right hr {
    border-top:1px solid #CCCCCC;
    color:#EEEEEE;
    margin:10px;
}

#navbar a {
    color:#999;
    text-decoration:none;
}

#navbar a:hover, #navbar a:active {
    background:#FFF;
    text-decoration:none;
}

#itemdetail {
    padding-bottom:20px;
    clear:both;
}

#catdesc {
    font-size:12px;
    line-height:160%;
    color:#666;
}

#itemdesc {
    margin:40px 10px;
    font-size:12px;
    line-height:150%;
    color:#666;
    padding-bottom:20px;
}

#copyright {
    margin:10px auto 0 auto;
    background:#EEE;
    color:#666;
    text-align:right;
    width:950px;
    height:50px;
    font-size:11px;
    padding-top:8px;
    padding-right:10px;
    clear:both;
    line-height:200%;
}

#copyright a {
    text-decoration:none;
}

#pages {
    float:right;
    font-size:12px;
    padding:.5em;
}

#pages .currpage {
    color:#FF6240;
}

#pages .next {
    border:2px solid #DDD;
    font-weight:bold;
}

#pages a {
    border:1px solid #DDD;
    padding:2px 4px;
    text-decoration:none;
}

div.leftcar {
    background:#339933;
}

div.leftcart-active {
    background:#33CC33;
}

div.itemlist {
    border-top:2px solid #CCCCCC;
    border-bottom:2px solid #CCCCCC;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:10px;
}

div.itemlist a {
    line-height:180%;
    color:#666;
    font-size:12px;
}

div.itemlist a:hover, div.itemlist a:active {
    color:#FFFFFF;
    text-decoration:none;
    background:#3366CC;
}

div.itemlist td, #itemdetail td {
    font-size:12px;
    line-height:180%;
    color:#666;
}

.px14 {
    font-size:14px;
}

.px12 {
    font-size:12px;
}

.px11 {
    font-size:11px;
    font-family:"Microsoft YaHei",Verdana;
}

.px10 {
    font-size:11px;
    font-family:"Microsoft YaHei",Verdana;
}

.l14 {
    line-height:140%;
}

.l16 {
    line-height:160%;
}

.l18 {
    line-height:180%;
}

.l20 {
    line-height:200%;
}

.errorbox-bad {
    border:red 1px outset;
    padding:2px;
    color:red;
    background:#FFD1C7;
}

.errormsg {
    font-size:12px;
    color:red;
}

.roundNormal {
    padding-top:5px;
    padding-bottom:5px;
}

div.errbox {
    font-size:12px;
    font-weight:bold;
    background:#FF6600;
    color:#FFF;
}

div.goodbox {
    font-size:12px;
    font-weight:bold;
    background:#339933;
    color:#FFFFFF;
}

div.goodbox a {
    color:#FFFFFF;
}

#promo_div {
    margin-top:10px;
    margin-bottom:10px;
}

#promo {
    background-color:#FF6240;
    width:80px;
    height:22px;
    line-height:22px;
    border:1px solid;
    border-color:#D8DFEA #0E1F5B #0E1F5B #D8DFEA;
    margin-left:auto;
    margin-right:auto;
}

#promo a {
    display:block;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    text-decoration:none;
}

#promo a:hover {
    background:red;
}

.redbtn:hover {
    background:red;
}

.redbtn {
    background:#FF6240;
    color:#FFF;
    font-size:12px;
    padding:2px 10px;
    cursor:pointer;
    border-weight:1px;
    border-style:solid;
    border-color:#D8DFEA #0E1F5B #0E1F5B #D8DFEA;
}

.bluebtn:hover {
    background:blue;
}

.bluebtn {
    background:#244890;
    color:#FFF;
    font-size:12px;
    padding:2px 10px;
    cursor:pointer;
    border-weight:1px;
    border-style:solid;
    border-color:#D8DFEA #0E1F5B #0E1F5B #D8DFEA;
}

.greenbtn:hover {
    background:green;
}

.greenbtn {
    background:#35D283;
    color:#FFF;
    font-size:12px;
    cursor:pointer;
    padding:2px 10px;
    cursor:pointer;
    border-weight:1px;
    border-style:solid;
    border-color:#D8DFEA #0E1F5B #0E1F5B #D8DFEA;
}

.darkbtn:hover {
    background:#666;
}

.darkbtn {
    background:#999;
    color:#FFF;
    font-size:12px;
    padding:2px 10px;
    cursor:pointer;
    border-weight:1px;
    border-style:solid;
    border-color:#D8DFEA #0E1F5B #0E1F5B #D8DFEA;
}

ul.section {
    list-style:none;
    line-height:155%;
    margin:0;
    padding:1px 0 0 1px;
}

ul.section li {
    background:url(/images/smallbullet.gif);
    background-repeat:no-repeat;
    background-position:0 .8em;
    padding:0 0 0 .8em;
}

.price {
    font-size:16px;
    color:#FF6240;
}

.price_small {
    font-size:11px;
    color:#DA1B3D;
    font-weight:bold;
}

.white {
    color:#FFF;
}

a.white,a.white:visited {
    color:#FFF;
}

input.input0 {
    width:92px;
    padding:4px;
    margin:0;
    border: 1px solid #999999;
    background:#FFF;
}

input.input1 {
    width:172px;
    padding:4px;
    margin:0px 0px 8px 0;
    border: 1px solid #999999;
    background:#FFF;
}

input.input2 {
    width:272px;
    padding:4px;
    margin:0px 0px 8px 0;
    border: 1px solid #999999;
    background:#FFF;
}

/* AutoComplate Search */
div.autocomplete {
    width:130px;
    background:#FFF;
    color:#666;
    font-size:11px;
    text-align:left;
    z-index:100;
    overflow:hidden;
    border:1px solid #888;
    white-space:nowrap;
}

div.autocomplete ul {
    margin:0;
    padding:0;
    width:100%;
    list-style:none;
}

div.autocomplete ul li {
    margin:0;
    padding:3px;
    cursor:default;
}

div.autocomplete ul li.selected {
    background-color:#3366CC;
    color:#FFF;
}

div.autocomplete li.selected a, div.autocomplete li.selected a:visited {
    color:#FFF;
    text-decoration:none;
}

div.autocomplete a, div.autocomplete a:visited {
    color:#666;
    text-decoration:none;
}

.y {
    font-family:"Microsoft YaHei",Verdana;
}

/* 推荐图标 */
#favbtn {
    margin:0;
    padding:10px 0 10px 0;
}

#favbtn li {
    list-style:none;
    display:inline;
    margin-left:8px;
}

#favbtn a {
    cursor:pointer;
}

#favbtn a:hover {
    background:#FFF;
}

#favbtn img {
    opacity:.6;
    -moz-opacity:.6;
    filter:alpha(opacity=60);
}

#favbtn img:hover {
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);
}

/* CSS Sprites */
.sprites {
    overflow:hidden;
    text-indent:-999em;
    display:block;
}

html>body .sprites {
    background-image:url(/images/loopo_sprites2.png);
    background-repeat:no-repeat;
}

/* Hack for ie6 */
* html .sprites {
    background-image:url(/images/loopo_sprites2.v0.2.gif);
    background-repeat:no-repeat;
}

.btn_addtocar {
    background-position:-40px -40px;
    width:100px;
    height:21px;
    cursor:pointer;
}

.btn_alertme {
    background-position:-40px -141px;
    width:100px;
    height:21px;
    cursor:pointer;
}

.btn_alertme_s {
    background-position:-40px -242px;
    width:76px;
    height:18px;
    cursor:pointer;
}

.btn_alertme_s span {
    display:none;
}

#icon_shopcar {
    margin:10px auto;
    cursor:pointer;
}

.icon_shopcar_empty {
    background-position:-30px -348px;
    width:92px;
    height:64px;
}

.icon_shopcar_full {
    background-position:-30px -415px;
    width:92px;
    height:64px;
}

.items_name {
    font-weight:bold;
    height:40px;
    margin:0 10px;
}

.items_price {
    text-align:right;
    width:80%;
}

.updatemsg {
    color:#FFFFFF;
    font-weight:bold;
    font-size:12px;
    background-color:#339933;
}
